@model List<CrazyToDo.Web.Models.InventoryViewModel>
@{
        ViewData["Title"] = "Inventory";
}

@section Script {
    <script src="~/Inventory/js/Inventory.js"></script>
    <link href="~/Inventory/css/Inventory.css" rel="stylesheet" />
    <link href="~/Home/css/Home.css" rel="stylesheet" />
}

<div id="large-page-inventory">
    <h1 id="list-label">我的清单</h1>
    <img src="~/Home/img/加号.png" id="img-addInventory" data-toggle="modal" data-target="#myModal" />
    <!-- 模态框（Modal） -->
    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <form action="~/Inventory/AddInventory" method="post">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                            &times;
                        </button>
                        <h4 class="modal-title" id="myModalLabel">事项</h4>
                    </div>
                    <div class="modal-body">
                        <div class="form-group">
                            <label for="name">清单名称</label>
                            <input type="text" class="form-control" name="title"
                                   placeholder="请输入清单名称">
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">
                            关闭
                        </button>
                        <button type="submit" class="btn btn-primary">
                            添加
                        </button>
                    </div>
                </form>
            </div>
        </div>
    </div>


    <div id="page-inventory">
        <ul>
            @foreach (var item in Model)
            {
                <li>
                    <span class="input-group-addon" id="input-group-addon">
                    <label></label>
                    </span>
                    <span class="input-group-delete">
                        <img src="~/Home/img/删除(1).png" class="delete" onclick="DeleteInventoryInInventory(@item.Id)"/>
                    </span>
                    <p type="text" id="ListName" class="form-control" onclick="GetAllInventoryMatter(@item.Id)">@item.Title </p>
                </li>
            }
        </ul>
    </div>
</div>
<div id="Matter-in-list" >
    <h1 id="list-label">清单内事项</h1>
    <div id="AllListMatter">

    </div>
</div>








